﻿*{margin:0;padding:0;font-family:'Arial', 'Helvetica'; font-size:12px; list-style-type:none}
body,html{width:100%;height:100%; overflow:hidden;}
body {background-color: #FFF; color:#000;}
table{ border:0px; width:100%; height:100%;border-collapse:collapse;border-spacing: 0px;}
a{color:#15428b;text-decoration:none;}
a:link {}    
a:active {}  
a:hover{}   
a:visited {} 
.area_logo{ height:60px; background:url(/ekp/images/logobg.jpg)}
.logo_warp{ height:100%; overflow:hidden; width:200px; vertical-align:middle}

.controls{background:url(images/controlsbg.jpg); position:absolute; right:0px; top:0px; height:26px; border-left:solid 1px #0b4594; padding:0px 5px 0 5px}
.controls td{white-space:nowrap; vertical-align:middle; padding:0 0 0 9px}
.controls a{text-decoration:none; color:Black}
.controls a:link {}    
.controls a:active {}  
.controls a:hover{border-bottom:solid 1px black}  

#controls_nav{width:auto} 
#firsttopic{width:40px}
#portalManage{width:60px}
#myset_td{width:70px}
#help{ width:30px}
#portallist{width:150px}


#area_topic{height:27px; background:url("images/topic_bg.jpg") repeat-x}
#area_content{background:#83b0ec url(images/NavShape.jpg) repeat-x; padding:6px 3px 4px 3px}
#area_navTree{width:200px; vertical-align:top;border:solid 1px #3ca7ef; background:#ffffff;}
#area_switch{ width:6px; cursor:pointer;}
.area_navTree{width:200px; vertical-align:top;border:solid 1px #3ca7ef; background:#ffffff;}
.area_switch{ width:6px; cursor:pointer;}
.switch_show{background:url(images/switch.gif) no-repeat; height:25px; width:6px}
.switch_hide{background:url(images/switch.gif) no-repeat -6px 0px; height:25px; width:6px}

.topic_content_area{ width:100%; height:100%; overflow:hidden}/**/
#area_webpartpage{border:solid 1px #3ca7ef; background:#ffffff; padding:0px}
.area_webpartpage{border:solid 1px #3ca7ef; background:#ffffff; padding:0px}

.nav_zone{ background:url(images/navZone.gif) repeat-x; height:21px; padding-top:4px; cursor:pointer}
.nav_zone span{ background:url(images/navZoneIcon.gif) no-repeat; margin-left:7px;padding-left:8px;overflow:hidden; height:14px;width:90%}
.ifr_navTree{border-bottom:solid 1px #3ca7ef; width:100%;}
.navtree_pageBg{margin:0; padding:0; background:#eaeff3; overflow:auto}
#topic_to_left{ width:18px; text-align:center}
#topic_to_right{  width:18px; text-align:right}
.topic_to_left{ background:url(images/topic_sharp.gif) -7px 0px  no-repeat;width:11px; height:100%; cursor:pointer}
.topic_to_right{ background:url(images/topic_sharp.gif) -17px 0px no-repeat;width:11px; height:100%; cursor:pointer}
#topic_warp{height:100%; overflow:hidden; position:relative}
#topic_float{ position:absolute; height:100%;left:0px}

.topic{ cursor:pointer}
.topic_s{width:1px;background:url(images/topic_sharp.gif) -6px 0px; font-size:1px}
.topic .topic_start{}
.topic .topic_text{white-space:nowrap; padding:3px 7px 0 7px;}
.topic .topic_end{width:3px;background:url(images/topic_sharp.gif) -6px 0px; font-size:3px}


.topic_selected{background:url(images/topic_click.gif)}
.topic_selected .topic_start{width:3px;background:url(images/topic_sharp.gif)}
.topic_selected .topic_text{white-space:nowrap; padding:3px 7px 0 7px;}
.topic_selected .topic_end{width:3px;background:url(images/topic_sharp.gif) -3px 0px; font-size:12px}

#userinfo{ width:550px; text-align:right; padding-right:10px; font-weight:normal;}
#userinfo a{text-decoration:none; color:#15428b}
#userinfo a:link {}    
#userinfo a:active {}  
#userinfo a:hover{border-bottom:solid 1px #15428b}  

#area_shortcut{ height:65px; background:url(images/shortcutbg.gif); border:solid 1px #749cd7}
#shortcut_to_left{ background:url(images/shortlr.gif) no-repeat;width:25px; height:100%; cursor:pointer}
#shortcut_to_right{ background:url(images/shortlr.gif) -25px 0px no-repeat;width:25px; height:100%; cursor:pointer}
#shortcut_warp{height:100%; overflow:hidden; position:relative; display:block}
#shortcut_float{ position:absolute; height:100%;left:0px}
#shortcut img{ border-width:0px}
#shortcut a{text-decoration:none;color:Black}

#shortcut_float td { white-space:nowrap; width:80px; text-align:center; vertical-align:middle;}
#shortcut{  height:65px;}
#area_webpart{}
#area_webpart .webpart_zone{ padding:0px 10px 0px 0px; vertical-align:top}
#area_webpart .webpart_zone_last{vertical-align:top}
#area_webpart .webpart_warp{ padding:4px 0px 4px 0px;}
#area_webpart .webpart{ border:solid 1px #6f9dd9}
#area_webpart .webpart_noborder { border-width:0px}
.webpart_noborder .webpart_title{ display:none}
.webpart .webpart_title{ background:url(images/webpart_title_bg.gif); font-weight:bold; color:#144587}
.webpart_title td{ border-bottom:solid 1px #6f9dd9;height:24px;padding-left:5px;}
.webpart_title a{text-decoration:none;color:#104996}
.webpart_title a:hover{  border-bottom:solid 1px #104996}  
.ifr_webpart { width:100%; height:100%}
.place_webpart{ text-align:center}
.place_webpart div{ width:100px; background:url(images/loading.gif) no-repeat; text-align:left; padding-left:20px}

#mysetsharp{ background:url(images/topic_sharp.gif) no-repeat -28px 0px; width:7px}
#myset{ position:absolute; z-index:100; background:white; border:solid 1px #3ca7ef; display:none; padding:3px; width:90px}
#myset a{color:#15428b;text-decoration:none;width:100%; padding:3px 0 3px 3px;}
#myset a{text-decoration:none; color:Black}
#myset a:link {}    
#myset a:active {}  
#myset a:hover{ background:#b0cdf5;} 


